<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/css/kind.css">
</head>
<body>
    <header></header>
    <div class="banner">
        <div class="banner-c">
            <div class="banner-img">
                <a href=""><img src="/images/kind/list-banner.png" alt=""></a>
            </div>
            <div class="choose-flow">
                <div class="selectTotal">
                    <p>
                        <span class="t1">
                            快捷
                            <br>
                            选花
                        </span>
                        <span class="t2">fast choose</span>
                    </p>
                </div>
                <div class="choose-s">
                    <ul>
                        <li>
                            <span class="choose-t1">用途</span>
                            <span class="choose-t2">全部 v</span>
                            
                        </li>
                        <li>
                            <span class="choose-t1">销售价</span>
                            <span class="choose-t2">全部 v</span>
                            
                        </li>
                        <li>
                            <span class="choose-t1">花材</span>
                            <span class="choose-t2">全部 v</span>
                            
                        </li>
                        <li>
                            <span class="choose-t1">支数</span>
                            <span class="choose-t2">全部 v</span>
                            
                        </li>
                        <li>
                            <span class="choose-t1">类别</span>
                            <span class="choose-t2">全部 v</span>
                            
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="select-flow">
        <div class="select-flow-c">
            <span id="comprehensive" class="ac">综合</span>
            <span id="saleNum">销量</span>
            <span id="salePrice">价格</span>
        </div>
    </div>
    <div class="flowerList">
        <div class="flowerList-c">
            <div class="flower-nav">
                <ul id="flowerListXmyx">
                </ul>
                <script type="text/html" id="giftListTemplate">
                    {{each list flower}}
                        <li>
                            <a href="/html/detail.html?id={{flower.id}}"><img src="{{flower.image}}" alt=""></a>
                            <p>{{flower.title}}</p>
                            <p>￥{{flower.price}}<span>原价￥{{flower.originPrice}}</span></p>
                            <p>已售{{flower.saleNum}}</p>
                        </li>
                    {{/each}}
                </script>
            </div>
            <div class="nextPage" id="nextPage">
                <ul class="pageUp">
                    <li><a href="javascript:;" class="prev">上一页</a></li>
                    <li class="ac"><a href="javascript:;">1</a></li>
                    <li><a href="javascript:;">2</a></li>
                    <li><a href="javascript:;">...</a></li>
                    <!-- <li><a href="javascript:;">9</a></li> -->
                    <li><a href="javascript:;" class="next">下一页</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="to-top" id="to-top">
        <img src="/images/toTop.png" alt="">
    </div>
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/kind"></script>
</html>